<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<title>demo cool</title>
<link href='css/coolMessage.css' type='text/css' rel='stylesheet' media='screen' />
<script type="text/javascript" src="js/jquery.js"></script>
<script language="javaScript" type="text/javascript" src="js/jquery.simplemodal.js"></script>
<script language="javaScript" type="text/javascript" src="js/coolMessage.js"></script>

<script language="javascript" type="text/javascript">	
    
	function error()	{
		coolMessage('error','este es el msj de error');		
	}
	
	
	function alerta(){		
		coolMessage('alert','este es el msj de alerta');
	}
	
	function confirmar(){		
		coolMessage('confirm','confirmar?',
		function(){ 
			alert("confirmado") 
		}, 
		function (){ 
			alert ('no confirma')
		})
	}
	
	function loadingInfo(){
		coolMessage('loadingInfo');
	}
	
</script>


</head>
<body>
<a href="#" onclick="javascript: error()" >cool message error</a> 
<br />
<a href="#" onclick="javascript: alerta()" >cool message alert</a> 
<br />
<a href="#" onclick="javascript: confirmar()" >cool message confirm</a> 

<br />
<a href="#" onclick="javascript: loadingInfo()" >loadingInfo</a> 

</body>
</html>
<?php include('divscoolmessage.php');?>
